.wrap
    width: 1200px
    margin: 0 auto
body
   background: #eaf0f4
.chaxun
    background: url(../images/panel-body-title-search.png) no-repeat
    width: 42px
    height: 31px
    display: inline-block
    background-size: 100% 100%
    vertical-align: middle
    margin-left: 10px
    border: none
    margin-top: -3px

//login
.loginBg
    background: url("../images/loginBg.jpg") no-repeat
    width: 100%
    height: 100%
    background-size: 100%
    position: relative
    .login-title
        position: absolute
        width: 380px
        left: 50%
        margin-left: -190px
        top: 20%
    .login-dialog
        position: absolute
        background: url("../images/login-dialog.png") no-repeat
        width: 417px
        height: 328px
        background-size: 100%
        top: 43.25%
        left: 50%
        margin-left: -209px
        .name,.password
            width: 253px
            height: 38px
            border: 1px solid #708194
            margin: 80px auto 0
            input
                border: none
                background: rgba(255,255,255,0.2)
                width: 253px
                height: 38px
                padding-left: 10px
                box-sizing: border-box
                color: #fff
            input::-webkit-input-placeholder
                color:#fff
            
            input::-moz-placeholder 
                color:#fff
            
            input:-moz-placeholder    
                color:#fff
            
            input:-ms-input-placeholder
                color:#fff  
        .password
            margin-top: 14px
        .remeber
            margin-top: 14px
            margin-left: 80px
            font-size: 0
            .remeber-icon
                background: url('../images/login-rember-icon.png') no-repeat
                width: 14px
                height: 15px
                background-size: 14px 30px
                background-position: 0 -15px
                display: inline-block
                vertical-align: middle
                margin-right: 6px
                &.active
                    background: url('../images/login-rember-icon.png') no-repeat
                    background-position: 0px 0px
                    background-size: 14px 30px
            .text
                font-size: 12px
                color: #fff
                display: inline-block
                vertical-align: middle
                margin-top: 2px
        .login-btn-wrapper
            margin-top: 22px
            margin-left: 76px
            font-size: 0
            a,.login-btn
                border: none
                background: url('../images/create-btn.png') no-repeat
                width: 124px
                height: 42px
                display: inline-block
                background-size: 100% 100%
                border-radius: 5px
                font-size: 12px
                color: #fff
                text-align: center
                line-height: 38px
                &:first-child
                    margin-right: 12px
    .register-msk
        width: 620px
        height: 700px
        position: fixed
        top: 50%
        margin-top: -350px
        left: 50%
        margin-left: -310px
        background: #fff
        border-radius: 5px
        .register-title
            width: 100%
            height: 40px
            background: #3675ed
            line-height: 40px
            border-top-left-radius: 5px
            border-top-right-radius: 5px
            span
                padding-left: 16px
                font-size: 16px
                color: #fff
            .register-close
                background: url('../images/register-close.png') no-repeat
                width: 22px
                height: 22px
                background-size: 100% 100%
                display: inline-block
                margin-right: 16px
                margin-top: 9px
        .register-container
            width: 100%
            background: #fff
            padding-top: 20px
            .register-item1
                padding: 0 52px
                box-sizing: border-box
                border-bottom: 1px solid #dde1ea
                .name,.password,.password-align
                    font-size: 0
                    margin-bottom: 12px
                    span
                        display: inline-block
                        font-size: 14px
                        color: #888
                        width: 120px
                        text-align: right
                        vertical-align: middle
                        height: 32px
                        line-height: 32px
                    input
                        width: 298px
                        height: 32px
                        line-height: 32px
                        border: 1px solid #cad7f8
                        border-radius: 5px
                        background: rgba(255, 255, 255, .2)
                        padding-left: 10px
                        box-sizing: border-box
                        display: inline-block
                        vertical-align: middle
                    i
                        font-style: normal
                        color: red
                        font-size: 16px
                        display: inline-block
                        vertical-align: middle
                        margin-left: 8px
                    b
                        font-size: 12px
                        color: red
                        display: inline-block
                        vertical-align: middle
                        margin-left: 6px
                .password
                    p
                        font-size: 12px
                        color: #888
                        margin-left: 140px
                        margin-top: 16px
                        margin-bottom: 2px
                .password-align
                    margin-bottom: 20px
            .register-item2
                padding: 0 52px
                box-sizing: border-box
                border-bottom: 1px solid #dde1ea
                .name,.zhenghao,.mingcheng,.jiancheng
                    font-size: 0
                    margin-bottom: 12px
                    span
                        display: inline-block
                        font-size: 14px
                        color: #888
                        width: 120px
                        text-align: right
                        vertical-align: middle
                        height: 32px
                        line-height: 32px
                    input
                        width: 298px
                        height: 32px
                        line-height: 32px
                        border: 1px solid #cad7f8
                        border-radius: 5px
                        background: rgba(255, 255, 255, .2)
                        padding-left: 10px
                        box-sizing: border-box
                        display: inline-block
                        vertical-align: middle
                .name
                    margin-top: 20px
                .jiancheng
                    margin-bottom: 20px
            .register-item3
                padding: 0 52px
                box-sizing: border-box
                .question-one,.answer-one,.question-two,.answer-two
                    font-size: 0
                    margin-bottom: 12px
                    span
                        display: inline-block
                        font-size: 14px
                        color: #888
                        width: 120px
                        text-align: right
                        vertical-align: middle
                        height: 32px
                        line-height: 32px
                    select
                        width: 298px
                        height: 32px
                        line-height: 32px
                        border: 1px solid #cad7f8
                        appearance:none
                        -moz-appearance:none
                        -webkit-appearance:none
                        background: url('../images/select-icon.png') no-repeat 266px
                        background-size: 32px 32px
                        currsor: pointer
                        padding-left: 10px
                        box-sizing: border-box
                    i
                        font-style: normal
                        color: red
                        font-size: 16px
                        display: inline-block
                        vertical-align: middle
                        margin-left: 8px
                    input
                        width: 298px
                        height: 32px
                        line-height: 32px
                        border: 1px solid #cad7f8
                        border-radius: 5px
                        background: rgba(255, 255, 255, .2)
                        padding-left: 10px
                        box-sizing: border-box
                        display: inline-block
                        vertical-align: middle
                .question-one
                    margin-top: 20px
            .register-btn-wrapper
                margin-top: 10px
                text-align: center
                font-size: 0
                margin-bottom: 10px
                .create-btn, .cancel-btn
                    background: url('../images/create-btn.png') no-repeat
                    width: 133px
                    height: 49px
                    background-size: 100% 100%
                    display: inline-block
                    font-size: 14px
                    color: #fff
                    line-height: 44px
                    text-align: center
                .cancel-btn
                    background: url('../images/cancel-btn.png') no-repeat
                    background-size: 100% 100%

                 
// 首页
.index-header
    width: 100%
    height: 84px
    background: #446bcf
    .left
        margin-left: 30px
        font-size: 0
        .logo
            background: url('../images/logo.png') no-repeat
            width: 36px
            height: 36px
            background-size: 100% 100%
            display: inline-block
            margin-top: 24px
            vertical-align: middle
        .text
            font-size: 16px
            color: #fff
            display: inline-block
            vertical-align: middle
            padding-top: 28px
            margin-left: 10px
    .right
        margin-right: 30px
        span
            font-size: 12px
            color: #fff
            display: inline-block
            padding-top: 18px
            vertical-align: middle
        .logout-btn
            display: inline-block
            background: url('../images/logout-btn.png') no-repeat
            width: 150px
            height: 48px
            background-size: 100% 100%
            margin-top: 20px
            vertical-align: middle
            margin-left: 20px
.index-left
    position: fixed
    width: 250px
    top: 84px
    bottom: 40px
    background: #eaf0f4
    overflow-x: auto
    li
        background: url('../images/index-left-bg.png') no-repeat
        width: 190px
        height: 49px
        background-size: 100% 100%
        margin-left: 30px
        &:hover,&.active
            background: url('../images/index-left-bg-active.png') no-repeat
            background-size: 100% 100%
        &:nth-child(1) 
            margin-top: 30px
        a
            display: block
            width: 100%
            height: 100%
            color: #fff
            text-decoration: none
            line-height: 44px
            i
                display: inline-block
                vertical-align: middle
                margin-left: 30px
            span
                display: inline-block
                vertical-align: middle
            .index-left-icon
                background: url('../images/index-left-icon.png') no-repeat
                width: 16px
                height: 14px
                background-size: 100% 100%
            .index-left-icon1
                background: url('../images/index-left-icon1.png') no-repeat
                width: 14px
                height: 14px
                background-size: 100% 100%
            .index-left-icon2
                background: url('../images/index-left-icon2.png') no-repeat
                width: 11px
                height: 14px
                background-size: 100% 100%
            .index-left-icon3
                background: url('../images/index-left-icon3.png') no-repeat
                width: 14px
                height: 11px
                background-size: 100% 100%
            .index-left-icon4
                background: url('../images/index-left-icon4.png') no-repeat
                width: 11px
                height: 11px
                background-size: 100% 100%
            .index-left-icon5
                background: url('../images/index-left-icon5.png') no-repeat
                width: 11px
                height: 11px
                background-size: 100% 100%
            .index-left-icon6
                background: url('../images/006.png') no-repeat
                width: 8px
                height: 11px
                background-size: 100% 100%
            .index-left-icon8
                background: url('../images/index-left-icon8.png') no-repeat
                width: 11px
                height: 11px
                background-size: 100% 100%
            .index-left-icon9
                background: url('../images/index-left-icon9.png') no-repeat
                width: 10px
                height: 11px
                background-size: 100% 100%
.index-bottom
    position: fixed
    bottom: 0
    height: 40px
    background: #446bcf
    width: 100%
    text-align: center
    line-height: 40px
    font-size: 14px
    color: #fff
    .logo
        background: url('../images/logo.png') no-repeat
        width: 26px
        height: 26px
        background-size: 100% 100%
        display: inline-block
        vertical-align: middle
        margin-right: 10px
.index-page,.allot-page,.allot-edit-page,.crime-page,.info-page,.record-page,.record-add-page,.stat-page,.allot-bound-page,.log-page,.audit-page,.writ-page
    position: fixed
    top: 84px
    left: 250px
    background: #fff
    bottom: 40px
    right: 0
    overflow-x: auto
    .panel
        background: #e7eefc
        margin-top: 30px
        box-shadow: 0px 1px 1px rgba(0,0,0,.5)
        .panel-heading
            height: 42px
            width: 100.3%
            background: #3371ec
            box-shadow: 0px 1px 1px rgba(0,0,0,.5)
            line-height: 42px
            .icon
                display: inline-block
                background: url('../images/index-left-icon6.png') no-repeat
                width: 9px
                height: 12px
                background-size: 100% 100%
                margin-left: 20px
                margin-top: 5px
                vertical-align: middle
            .text
                color: #fff
                display: inline-block
                margin-top: 5px
                vertical-align: middle
                margin-left: 4px
                font-weight: 600
        .panel-body
            height: 200px
            box-sizing: border-box
            padding-left: 30px
            padding-top: 20px
            li
                margin-bottom: 14px
                &:last-child
                    margin-bottom: 0
                span
                    color: #888
                    display: inline-block
                    vertical-align: middle
                    b
                        color: #353535
                i
                    width: 20px
                    height: 20px
                    display: inline-block
                    vertical-align: middle
                    margin-right: 8px
                    &.index-page-icon1
                        background: url('../images/index-page-icon1.png') no-repeat
                        background-size: 100% 100%
                    &.index-page-icon2
                        background: url('../images/index-page-icon2.png') no-repeat
                        background-size: 100% 100%
                    &.index-page-icon3
                        background: url('../images/index-page-icon3.png') no-repeat
                        background-size: 100% 100%
                    &.index-page-icon4
                        background: url('../images/index-page-icon4.png') no-repeat
                        background-size: 100% 100%
                    &.index-page-icon5
                        background: url('../images/index-page-icon5.png') no-repeat
                        background-size: 100% 100%
    .panel-right
        .panel-heading
            .panel-right-icon
                background: url('../images/index-left-icon7.png') no-repeat
                width: 15px
                height: 12px
                background-size: 100% 100%
                display: inline-block
                margin-left: 20px
                margin-top: 5px
                vertical-align: middle
        .panel-body
            padding-top: 50px
            .item1,.item2
                margin-left: 10px
                .left
                    width: 92px
                .right
                    margin-left: 18px
                    span
                        display: block
                        text-align: center
                        color: #000
                        font-weight: 600
                        &.num
                            padding-top: 20px
                        &.text
                            margin-top: 20px
            .item2
                margin-left: 40px
    .index-page-bottom
        .panel-heading
            .icon-bottom
                background: url('../images/index-page-icon8.png') no-repeat
                width: 12px
                height: 12px
                background-size: 100% 100%
                display: inline-block
                margin-left: 20px
                margin-top: 5px
                vertical-align: middle
        .panel-body
            ul
                margin-top: 20px
            li
                float: left
                margin-right: 26px

           
//权限分配
.allot-page
    .panel
        .panel-heading
            .allot-heading-icon
                background: url('../images/index-left-icon1.png')
                width: 14px
                height: 14px
                background-size: 100% 100%
                display: inline-block
                margin-left: 20px
                margin-top: 5px
                vertical-align: middle 
        .panel-body
            height: auto
            .panel-body-btn
                margin-top: 10px
                span
                    margin-right: 6px
            .row
                .table-responsive
                    .table
                        margin-top: 10px
                        thead
                            background: #78a2ff
                            color: #fff
                        tbody
                            tr
                                td
                                    span
                                        margin-right: 6px
                    .page
                        .left
                            a
                                display: inline-block
                                padding: 0 15px
                                background: #9bbafe
                                height: 24px
                                line-height: 24px
                                color: #fff
                                border-radius: 5px
                                font-size: 12px
                                text-decoration: none
                                &.active
                                    background: #fff
                                    color: #9bbafe
                                    border: 1px solid #9bbafe
                            span
                                color: #9abafe
                                font-weight: 400
                            input
                                width: 60px
                                border: 1px solid #9bbafe
                                border-radius: 6px
                                padding-left: 5px
                                box-sizing: border-box
                        .right
                            font-size: 0
                            .now-num,.toggle-num
                                display: inline-block
                                padding: 0 15px
                                font-size: 12px
                                height: 24px
                                line-height: 24px
                                color: #9abafe
                                border: 1px solid #9bbafe
                                background: #fff
                                box-sizing: border-box
                            .toggle-num
                                background: #9abafe
                                color: #fff

                             
//编辑页面
.allot-edit-page
    .panel
        .panel-heading
            .left
                .glyphicon-pencil
                    color: #fff
                    font-size: 12px
                    margin-left: 20px
                    margin-top: 5px
                    vertical-align: middle
            .right
                .return-icon
                    background: url('../images/return-icon.png') no-repeat
                    width: 20px
                    height: 18px
                    background-size: 100% 100%
                    display: inline-block
                    vertical-align: middle
                    margin-right: 20px
                    margin-top: 5px
                    currsor: pointer
        .panel-body
            height: auto
            #allot-deit-btn
                margin-left: 94px
            .name,.beizhu
                margin-bottom: 20px
                span
                    display: inline-block
                    font-size: 14px
                    color: #353535
                    font-weight: 400
                input
                    width: 243px
                    height: 32px
                    border: 1px solid #b8cbf4
                    background: #dfe8fd
                    padding-left: 10px
                    box-sizing: border-box
                    border-radius: 5px
                    color: #353535
                    font-weight: 400
                select
                    width: 243px
                    height: 32px
                    line-height: 32px
                    border: 1px solid #cad7f8
                    appearance: none
                    -moz-appearance: none
                    -webkit-appearance: none
                    background: url(../images/select-icon.png) no-repeat 211px
                    background-size: 32px 32px
                    currsor: pointer
                    padding-left: 10px
                    box-sizing: border-box
                    border-radius: 5px
                    font-size: 12px
                    font-weight: 400
                i
                    color: red
            .quanxian
                margin-bottom: 20px
                span
                    display: inline-block
                    font-size: 14px
                    color: #353535
                    font-weight: 400
                    vertical-align: top
                .check-wrap
                    display: inline-block
                    width: 88%
                    input[type="checkbox"]
                        display: none
                    // .ItemBlockBorder
                    //     .ItemBlock
                    //         #TableData
                    //             .TableDetail1
                    //                 .treeview
                    //                     .collapsable
                    //                         label
                    //                             span
                    //                                 vertical-align: middle
                    //                         ul
                    //                             background: none
                    //                             li
                    //                                 margin-bottom: 0
                    .quanxian-title
                        border-bottom: 1px solid #b8cbf4
                        height: 26px
                    .quanxian-content
                        margin-top: 6px
                        .quanxian-content-item
                            .quanxian-content-item-title
                                padding: 6px 20px 
                                label
                                    background: url('../images/type-item-check.png') no-repeat
                                    background-size: 14px 14px
                                    background-position: 0 0
                                    display: inline-block
                                    vertical-align: middle
                                    &.checked
                                        background: url('../images/type-item-checked.png') no-repeat
                                        background-size: 14px 14px
                                    span
                                        color: #888
                                        vertical-align: middle
                                        float: left
                                        font-size: 14px
                                        margin-left: 20px
                            .quanxian-content-item-main
                                padding: 6px 40px 
                                border: 1px solid #b8cbf4
                                margin-top: 6px
                                box-sizing: border-box
                                margin: 0 20px 4px
                                .type-item
                                    float: left
                                    margin-right: 16px
                                    label
                                        background: url('../images/type-item-check.png') no-repeat
                                        background-size: 14px 14px
                                        background-position: 0 0
                                        display: inline-block
                                        vertical-align: middle
                                        &.checked
                                            background: url('../images/type-item-checked.png') no-repeat
                                            background-size: 14px 14px
                                        span
                                            color: #888
                                            vertical-align: middle
                                            float: left
                                            font-size: 14px
                                            margin-left: 20px
 

//权限绑定
.allot-bound-page
    .panel
        .panel-heading
            .allot-heading-icon
                background: url('../images/index-left-icon1.png')
                width: 14px
                height: 14px
                background-size: 100% 100%
                display: inline-block
                margin-left: 20px
                margin-top: 5px
                vertical-align: middle 
        .panel-body
            .name,.role
                margin-bottom: 20px
                span
                    display: inline-block
                    font-size: 14px
                    color: #353535
                    font-weight: 400
                select
                    width: 202px
                    height: 32px
                    line-height: 32px
                    border: 1px solid #cad7f8
                    appearance: none
                    -moz-appearance: none
                    -webkit-appearance: none
                    background: url(../images/select-icon.png) no-repeat 170px
                    background-size: 32px 32px
                    currsor: pointer
                    padding-left: 10px
                    box-sizing: border-box
                    border-radius: 5px
                    font-size: 12px
                    font-weight: 400
            #allot-bound-btn
                margin-left: 75px
.allot-bound-msk,.allot-redact-msk
    position: fixed
    width: 100%
    height: 100%
    background: rgba(0,0,0,0.7)
    top: 0
    left: 0
    .allot-bound-dialog,.allot-redact-dialog
        width: 600px
        height: 280px
        position: absolute
        top: 50%
        left: 50%
        margin-top: -140px
        margin-left: -300px
        background: #f1f5fe
        border-radius: 5px
        .title
            height: 46px
            width: 100%
            line-height: 46px
            background: #3574ed
            padding: 0 24px
            box-sizing: border-box
            .left
                span
                    font-size: 14px
                    color: #fff
                    line-height: 46px
            .right
                .bound-msk-close,.redact-msk-close
                    background: url(../images/crime-msk-close.png) no-repeat
                    width: 23px
                    height: 22px
                    background-size: 100% 100%
                    display: inline-block
                    margin-top: 12px
        .content
            .bound-check-user,.bound-check-role,.redact-check-user,.redact-check-role
                text-align: center
                margin-bottom: 30px
                span
                    font-size: 14px
                    color: #353535
                    font-weight: 400
                    display: inline-block
                    width: 80px
                    text-align: right
                select
                    width: 202px
                    height: 32px
                    line-height: 32px
                    border: 1px solid #cad7f8
                    appearance: none
                    -moz-appearance: none
                    -webkit-appearance: none
                    background: url(../images/select-icon.png) no-repeat 170px
                    background-size: 32px 32px
                    currsor: pointer
                    padding-left: 10px
                    box-sizing: border-box
                    border-radius: 5px
                    font-size: 12px
                    font-weight: 400
                input
                    width: 200px
                    height: 32px
                    line-height: 32px
                    border: 1px solid #cad7f8
                    border-radius: 5px
                    background: rgba(255,255,255,0.2)
                    padding-left: 10px
                    box-sizing: border-box
                    display: inline-block
                    vertical-align: middle
            .bound-check-user,.redact-check-user
                margin-top: 30px
            .bound-info-save,.redact-info-save
                background: url(../images/create-btn.png) no-repeat
                width: 124px
                height: 42px
                display: block
                background-size: 100% 100%
                border-radius: 5px
                font-size: 12px
                color: #fff
                text-align: center
                line-height: 38px
                margin: 0 auto
                                

//犯罪嫌疑人
.crime-page
    .panel
        .panel-heading
            .crime-heading-icon
                background: url('../images/index-left-icon2.png')
                width: 11px
                height: 14px
                background-size: 100% 100%
                display: inline-block
                margin-left: 20px
                margin-top: 5px
                vertical-align: middle   
        .panel-body
            height: auto
            .panel-body-title
                .left
                    .check-wrapper
                        input[type="radio"]
                            display: none
                        .check-name,.check-id
                            display: inline-block
                            label
                                display: inline-block
                                background: url('../images/input-radio-icon.png') no-repeat
                                background-size: 14px 14px
                                vertical-align: middle
                                background-position: 0 0
                                &.checked
                                    background: url('../images/input-radio-icon-checked.png') no-repeat
                                    background-size: 14px 14px
                            span
                                font-size: 14px
                                color: #78a2ff
                                display: inline-block
                                vertical-align: middle
                                // margin-left: 20px
                                margin-right: 6px
                                font-weight: 600
                            input[type="text"]
                                display: inline-block
                                width: 140px
                                height: 32px
                                border-radius: 5px
                                border: 1px solid #b1c9ff
                                background: #eaf0ff
                                line-height: 32px
                                font-size: 12px
                                padding-left: 5px
                                box-sizing: border-box
                                vertical-align: middle
                                font-weight: 400
                        .check-id
                            margin-left: 20px
                        .crime-title-search
                            background: url('../images/panel-body-title-search.png') no-repeat
                            width: 42px
                            height: 31px
                            display: inline-block
                            background-size: 100% 100%
                            vertical-align: middle
                            margin-left: 6px
                            border: none
                .right
                    .crime-search-btn
                        background: url('../images/crime-add-btn.png') no-repeat
                        width: 132px
                        height: 32px
                        background-size: 100% 100%
                        display: inline-block
            .table-responsive
                .table
                    margin-top: 10px
                    thead
                        background: #78a2ff
                        color: #fff
                    tbody
                        tr
                            td
                                span
                                    margin-right: 6px
                .page
                    .left
                        a
                            display: inline-block
                            padding: 0 15px
                            background: #9bbafe
                            height: 24px
                            line-height: 24px
                            color: #fff
                            border-radius: 5px
                            font-size: 12px
                            text-decoration: none
                            &.active
                                background: #fff
                                color: #9bbafe
                                border: 1px solid #9bbafe
                        span
                            color: #9abafe
                            font-weight: 400
                        input
                            width: 60px
                            border: 1px solid #9bbafe
                            border-radius: 6px
                            padding-left: 5px
                            box-sizing: border-box
                    .right
                        font-size: 0
                        .now-num,.toggle-num
                            display: inline-block
                            padding: 0 15px
                            font-size: 12px
                            height: 24px
                            line-height: 24px
                            color: #9abafe
                            border: 1px solid #9bbafe
                            background: #fff
                            box-sizing: border-box
                        .toggle-num
                            background: #9abafe
                            color: #fff
.crime-msk
    position: fixed
    width: 100%
    height: 100%
    background: rgba(0,0,0,0.7)
    top: 0
    left: 0
    .crime-dialog
        width: 878px
        height: 460px
        position: absolute
        top: 50%
        left: 50%
        margin-top: -230px
        margin-left: -439px
        background: #f1f5fe
        border-radius: 5px
        .title
            height: 46px
            width: 100%
            line-height: 46px
            background: #3574ed
            padding: 0 24px
            box-sizing: border-box
            .left
                span
                    font-size: 14px
                    color: #fff
                    line-height: 46px
            .right
                .crime-msk-close
                    background: url('../images/crime-msk-close.png') no-repeat
                    width: 23px
                    height: 22px
                    background-size: 100% 100%
                    display: inline-block
                    margin-top: 12px
        .content
            padding: 0 30px
            .card-check,.card-num,.card-name,.zhongzu-check,.birth-date,.sex-check,.age-check,.city-check
                display: inline-block
                margin-top: 28px
                span
                    font-size: 14px
                    color: #353535
                    font-weight: 400
                    display: inline-block
                    width: 80px
                    text-align: right
                select
                    width: 298px
                    height: 32px
                    line-height: 32px
                    border: 1px solid #cad7f8
                    appearance: none
                    -moz-appearance: none
                    -webkit-appearance: none
                    background: url(../images/select-icon.png) no-repeat 266px
                    background-size: 32px 32px
                    currsor: pointer
                    padding-left: 10px
                    box-sizing: border-box
                    font-weight: 400
                .sexSelect
                    width: 98px
                    background: url(../images/select-icon.png) no-repeat 66px
                .form-control
                    width: 225px
                    background: url(../images/select-icon.png) no-repeat 193px
                    display: inline-block
                    float: left
                    line-height: 20px
                input
                    width: 298px
                    height: 32px
                    line-height: 32px
                    border: 1px solid #cad7f8
                    border-radius: 5px
                    background: rgba(255,255,255,0.2)
                    padding-left: 10px
                    box-sizing: border-box
                    display: inline-block
                    vertical-align: middle
                .age-check-input
                    width: 112px
                i
                    font-style: normal
                    color: #f00
                    font-size: 16px
                    display: inline-block
                    vertical-align: middle
                    margin-left: 8px
            .card-num
                margin-left: 26px
            .zhongzu-check
                margin-left: 8px
            .sex-check
                margin-left: 29px
            .birth-date
                position: relative
                .birth-date-icon
                    background: url('../images/date-icon.png') no-repeat
                    width: 33px
                    height: 32px
                    position: absolute
                    right: 0
                    top: 0
                    background-size: 100% 100%
            .city-check
                margin-top: 18px !important
                .friend-select
                    display: inline-block
                    vertical-align: middle
                    padding-top: 10px
                    .form-group
                        width: 225px
                        height: 32px
                        display: inline-block
                        margin-right: 16px
            .crime-msk-btn
                margin: 26px auto
                text-align: center
                .crime-msk-save,.crime-msk-cancel
                    background: url(../images/create-btn.png) no-repeat
                    width: 133px
                    height: 49px
                    background-size: 100% 100%
                    display: inline-block
                    font-size: 14px
                    color: #fff
                    line-height: 44px
                    text-align: center
                .crime-msk-cancel
                    background: url(../images/cancel-btn.png) no-repeat
                    background-size: 100% 100%
                

// info
.info-page
    .panel
        .panel-heading
            .info-icon
                background: url(../images/index-left-icon5.png) no-repeat
                width: 11px
                height: 11px
                background-size: 100% 100%
                display: inline-block
                margin-left: 20px
                margin-top: 5px
                vertical-align: middle
        .panel-body
            position: relative
            ul
                display: inline-block
                float: left
            .info-body-btn
                display: inline-block
                position: relative
                height: 100%
                top: 22px
                margin-top: -36px
                .info-edit-name
                    background: url('../images/info-edit-name.png') no-repeat
                    width: 180px
                    height: 41px
                    background-size: 100% 100%
                    position: absolute
                    left: 300px
                    top: 22px
                .info-edit-password
                    background: url('../images/info-edit-password.png') no-repeat
                    width: 180px
                    height: 41px
                    background-size: 100% 100%
                    position: absolute
                    left: 300px
                    top: 75px
                .info-edit-hint
                    background: url('../images/info-edit-hint.png') no-repeat
                    width: 180px
                    height: 41px
                    background-size: 100% 100%
                    position: absolute
                    left: 300px
                    top: 127px
.info-msk
    position: fixed
    width: 100%
    height: 100%
    background: rgba(0,0,0,0.8)
    top: 0
    left: 0
    .info-person-dialog
        width: 600px
        height: 400px
        position: absolute
        top: 50%
        left: 50%
        margin-top: -200px
        margin-left: -300px
        background: #f1f5fe
        border-radius: 5px
        .title
            height: 46px
            width: 100%
            line-height: 46px
            background: #3574ed
            padding: 0 24px
            box-sizing: border-box
            .left
                span
                    font-size: 14px
                    color: #fff
                    line-height: 46px
            .right
                .crime-msk-close
                    background: url('../images/crime-msk-close.png') no-repeat
                    width: 23px
                    height: 22px
                    background-size: 100% 100%
                    display: inline-block
                    margin-top: 12px
        .content
            .info-person-zhanghao,.info-person-name,.info-person-card,.info-person-danwei,.info-person-jiancheng
                text-align: center
                margin-bottom: 20px
                span
                    font-size: 14px
                    color: #353535
                    font-weight: 400
                    display: inline-block
                    width: 80px
                    text-align: right
                input
                    width: 298px
                    height: 32px
                    line-height: 32px
                    border: 1px solid #cad7f8
                    border-radius: 5px
                    background: rgba(255,255,255,0.2)
                    padding-left: 10px
                    box-sizing: border-box
                    display: inline-block
                    vertical-align: middle
                b
                    font-size: 12px
                    color: red
                    display: inline-block
                    width: 80px
            .info-person-zhanghao
                margin-top: 30px
            .info-person-save
                background: url(../images/create-btn.png) no-repeat
                width: 124px
                height: 42px
                display: block
                background-size: 100% 100%
                border-radius: 5px
                font-size: 12px
                color: #fff
                text-align: center
                line-height: 38px
                margin: 0 auto
    .info-password-dialog
        width: 600px
        height: 300px
        position: absolute
        top: 50%
        left: 50%
        margin-top: -150px
        margin-left: -300px
        background: #f1f5fe
        border-radius: 5px
        .title
            height: 46px
            width: 100%
            line-height: 46px
            background: #3574ed
            padding: 0 24px
            box-sizing: border-box
            .left
                span
                    font-size: 14px
                    color: #fff
                    line-height: 46px
            .right
                .crime-msk-close
                    background: url('../images/crime-msk-close.png') no-repeat
                    width: 23px
                    height: 22px
                    background-size: 100% 100%
                    display: inline-block
                    margin-top: 12px
        .content
            .info-password-old,.info-password-new,.info-password-align
                margin-left: 90px
                margin-bottom: 20px
                span
                    font-size: 14px
                    color: #353535
                    font-weight: 400
                    display: inline-block
                    width: 80px
                    text-align: right
                input
                    width: 298px
                    height: 32px
                    line-height: 32px
                    border: 1px solid #cad7f8
                    border-radius: 5px
                    background: rgba(255,255,255,0.2)
                    padding-left: 10px
                    box-sizing: border-box
                    display: inline-block
                    vertical-align: middle
                i
                    font-style: normal
                    color: #f00
                    font-size: 16px
                    display: inline-block
                    vertical-align: middle
                    margin-left: 8px
                b
                    font-size: 12px
                    color: red
                    display: inline-block
                    // width: 80px
            .info-password-old
                margin-top: 30px
            .info-password-save
                background: url(../images/create-btn.png) no-repeat
                width: 124px
                height: 42px
                display: block
                background-size: 100% 100%
                border-radius: 5px
                font-size: 12px
                color: #fff
                text-align: center
                line-height: 38px
                margin: 0 auto  
    .info-mibao-dialog      
        width: 600px
        height: 400px
        position: absolute
        top: 50%
        left: 50%
        margin-top: -200px
        margin-left: -300px
        background: #f1f5fe
        border-radius: 5px
        .title
            height: 46px
            width: 100%
            line-height: 46px
            background: #3574ed
            padding: 0 24px
            box-sizing: border-box
            .left
                span
                    font-size: 14px
                    color: #fff
                    line-height: 46px
            .right
                .crime-msk-close
                    background: url('../images/crime-msk-close.png') no-repeat
                    width: 23px
                    height: 22px
                    background-size: 100% 100%
                    display: inline-block
                    margin-top: 12px
        .content
            .info-mibao-password,.info-mibao-question-one,.info-mibao-question-two,.info-mibao-answer-one,.info-mibao-answer-two
                margin-left: 60px
                margin-bottom: 20px
                span
                    font-size: 14px
                    color: #353535
                    font-weight: 400
                    display: inline-block
                    width: 120px
                    text-align: right
                input
                    width: 298px
                    height: 32px
                    line-height: 32px
                    border: 1px solid #cad7f8
                    border-radius: 5px
                    background: rgba(255,255,255,0.2)
                    padding-left: 10px
                    box-sizing: border-box
                    display: inline-block
                    vertical-align: middle
                i
                    font-style: normal
                    color: #f00
                    font-size: 16px
                    display: inline-block
                    vertical-align: middle
                    margin-left: 8px
                b
                    font-size: 12px
                    color: red
                    display: inline-block
                    // width: 80px
                select
                    width: 298px
                    height: 32px
                    line-height: 32px
                    border: 1px solid #cad7f8
                    appearance: none
                    -moz-appearance: none
                    -webkit-appearance: none
                    background: url(../images/select-icon.png) no-repeat 266px
                    background-size: 32px 32px
                    currsor: pointer
                    padding-left: 10px
                    box-sizing: border-box
            .info-mibao-password
                margin-top: 30px
            .info-mibao-save
                background: url(../images/create-btn.png) no-repeat
                width: 124px
                height: 42px
                display: block
                background-size: 100% 100%
                border-radius: 5px
                font-size: 12px
                color: #fff
                text-align: center
                line-height: 38px
                margin: 0 auto


//评估记录
.record-page
    .panel
        .panel-heading
            .record-heading-icon
                background: url(../images/index-left-icon3.png) no-repeat
                width: 14px
                height: 11px
                background-size: 100% 100%
                display: inline-block
                margin-left: 20px
                margin-top: 5px
                vertical-align: middle
        .panel-body
            height: auto
            .panel-body-title
                .left
                    .check-wrapper
                        input[type="radio"]
                            display: none
                        .record-check-name,.record-check-id,.record-check-flag
                            display: inline-block
                            margin-right: 20px
                            label
                                display: inline-block
                                background: url('../images/input-radio-icon.png') no-repeat
                                background-size: 14px 14px
                                vertical-align: middle
                                background-position: 0 0
                                &.checked
                                    background: url('../images/input-radio-icon-checked.png') no-repeat
                                    background-size: 14px 14px
                                span
                                    font-size: 14px
                                    color: #78a2ff
                                    margin-left: 24px
                                    display: inline-block
                                    vertical-align: middle
                                    margin-right: 6px
                                    font-weight: 600
                            span
                                font-size: 14px
                                color: #78a2ff
                                // margin-left: 24px
                                display: inline-block
                                vertical-align: middle
                                margin-right: 6px
                                font-weight: 600
                            select
                                width: 132px
                                height: 32px
                                line-height: 32px
                                border: 1px solid #cad7f8
                                appearance: none
                                -moz-appearance: none
                                -webkit-appearance: none
                                background: url(../images/select-icon.png) no-repeat 100px
                                background-size: 32px 32px
                                currsor: pointer
                                padding-left: 10px
                                box-sizing: border-box
                                border-radius: 5px
                                font-size: 12px
                                font-weight: 400
                            input[type="text"]
                                display: inline-block
                                width: 180px
                                height: 32px
                                border-radius: 5px
                                border: 1px solid #b1c9ff
                                background: #eaf0ff
                                line-height: 32px
                                font-size: 12px
                                padding-left: 5px
                                box-sizing: border-box
                                vertical-align: middle
                                font-weight: 400
                        .record-check-flag
                            select
                                width: 70px
                                background: url(../images/select-icon.png) no-repeat 38px
                        .record-title-search
                            background: url('../images/panel-body-title-search.png') no-repeat
                            width: 42px
                            height: 31px
                            display: inline-block
                            background-size: 100% 100%
                            vertical-align: middle
                            margin-left: -14px
                            border: none
                .right
                    .record-add-btn
                        background: url('../images/record-add-btn.png') no-repeat
                        width: 132px
                        height: 32px
                        background-size: 100% 100%
                        display: inline-block
            .row
                .table-responsive
                    margin-top: 10px
                    .table
                        thead
                            background: #78a2ff
                            color: #fff
                    .page
                        .left
                            a
                                display: inline-block
                                padding: 0 15px
                                background: #9bbafe
                                height: 24px
                                line-height: 24px
                                color: #fff
                                border-radius: 5px
                                font-size: 12px
                                &.active
                                    background: #fff
                                    color: #9bbafe
                                    border: 1px solid #9bbafe
                            input
                                width: 60px
                                border: 1px solid #9bbafe
                                border-radius: 6px
                                padding-left: 5px
                                box-sizing: border-box
                        .right
                            font-size: 0
                            .now-num,.toggle-num
                                display: inline-block
                                padding: 0 15px
                                font-size: 12px
                                height: 24px
                                line-height: 24px
                                color: #9abafe
                                border: 1px solid #9bbafe
                                background: #fff
                                box-sizing: border-box
                            .toggle-num
                                background: #9abafe
                                color: #fff
                        
                
//新增评估
.record-add-page
    .panel-loading-wrapper
        position: absolute
        width: 100%
        bottom: -33px
        background: rgba(0,0,0,0.8)
        top: -33px
        left: 0
        z-index: 999
        overflow-x: hidden
        .panel-loading
            text-align: center
            top: 50%
            transform: translateY(-50%)
            position: absolute
            left: 50%
            right: 50%
            margin: 0 auto
            img
                width: 50px
                height: 50px
    .panel
        .panel-heading
            .left
                .text
                    margin-left: 20px
            .right
                .record-add-heading-return
                    background: url('../images/return-icon.png') no-repeat center
                    width: 20px
                    height: 18px
                    background-size: 100% 100%
                    display: block
                    margin-right: 20px
                    margin-top: 3px
        .panel-body
            padding: 0
            height: auto
            .panel-body-title
                padding-top: 20px
                border-bottom: 3px solid #d3dcef
                .record-title-img
                    background: url('../images/record-title-img.png') no-repeat
                    background-size: 299px 201px
                    width: 299px
                    height: 67px
                    background-position: 0 -134px
                    margin: 0 auto 15px
            .panel-body-caseInfo,.panel-body-personInfo,.panel-body-familyInfo
                h3
                    border-bottom: 2px solid #dae2f4
                    font-size: 16px
                    color: #353535
                    margin-top: 0
                    height: 35px
                    line-height: 35px
                    padding-left: 20px
                .caseInfo-wrapper,.personInfo-wrapper,.familyInfo-wrapper
                    padding: 0 36px
                    box-sizing: border-box
                    border-bottom: 3px solid #d3dcef
                    .caseInfo-name,.caseInfo-title,.caseInfo-common,.caseInfo-before,.caseInfo-fact,.caseInfo-result,.personInfo-name,.personInfo-card,.personInfo-num,.personInfo-sex,.personInfo-nation,.personInfo-age,.parsonInfo-date,.parsonInfo-city,.familyInfo-address,.familyInfo-married,.familyInfo-age
                        display: inline-block
                        margin-right: 16px
                        margin-bottom: 10px
                        i
                            color: red
                            display: inline-block
                        span
                            display: inline-block
                            color: #353535
                            font-weight: 600
                        select
                            width: 202px
                            height: 32px
                            line-height: 32px
                            border: 1px solid #cad7f8
                            appearance: none
                            -moz-appearance: none
                            -webkit-appearance: none
                            background: url(../images/select-icon.png) no-repeat 170px
                            background-size: 32px 32px
                            currsor: pointer
                            padding-left: 10px
                            box-sizing: border-box
                            border-radius: 5px
                            font-size: 12px
                            font-weight: 400
                        input
                            display: inline-block
                            width: 180px
                            height: 32px
                            border-radius: 5px
                            border: 1px solid #b1c9ff
                            background: #eaf0ff
                            line-height: 32px
                            font-size: 12px
                            padding-left: 5px
                            box-sizing: border-box
                            vertical-align: middle
                            font-weight: 400
                        textarea
                            width: 92%
                            height: 66px
                            padding: 0 6px
                            display: inline-block
                            background: #dfe7fc
                            border: 1px solid #b1c9ff
                    .caseInfo-common,.caseInfo-before
                        select
                            width: 82px
                            background: url(../images/select-icon.png) no-repeat 50px
                    .caseInfo-before
                        margin-right: 0
                    .caseInfo-fact,.caseInfo-result
                        display: block
                        span
                            vertical-align: top
            .panel-body-personInfo
                .personInfo-wrapper
                    .personInfo-name
                        input
                            width: 120px
                    .personInfo-sex
                        select
                            width: 82px
                            background: url(../images/select-icon.png) no-repeat 50px
                    .personInfo-nation
                        select
                            width: 132px
                            background: url(../images/select-icon.png) no-repeat 100px
                    .personInfo-age
                        input
                            width: 80px
                    .parsonInfo-city
                        .friend-select
                            display: inline-block
                            vertical-align: middle
                            padding-top: 10px
                            .form-group
                                width: 220px
                                height: 32px
                                display: inline-block
                                .form-control
                                    line-height: 20px
                        input
                            width: 210px
            .panel-body-familyInfo
                .familyInfo-wrapper
                    border-bottom: none
                    .familyInfo-address
                        input
                            width: 260px
                    .familyInfo-married
                        input[type="radio"]
                            display: none
                        .married-item1
                            display: inline-block
                            vertical-align: middle
                            label
                                background: url('../images/input-radio-icon.png') no-repeat
                                background-size: 14px 14px
                                display: inline-block
                                background-position: 0 0
                                vertical-align: top
                                margin-right: 14px
                                &.checked
                                    background: url('../images/input-radio-icon-checked.png') no-repeat
                                    background-size: 14px 14px
                                b
                                    display: inline-block
                                    margin-left: 16px
                                    vertical-align: top
                                    font-size: 14px
                    .familyInfo-age
                        input 
                            width: 80px
                    .familyInfo-add
                        .familyInfo-add-title
                            span
                                display: inline-block
                                color: #353535
                                font-weight: 600
                                vertical-align: middle
                            .icon
                                background: url('../images/familyInfo-add-icon.png') no-repeat
                                width: 42px
                                height: 31px
                                background-size: 100% 100%
                                display: inline-block
                                vertical-align: middle
                            .row
                                .table-responsive
                                    margin-top: 10px
                                    table
                                        thead
                                            background: #78a2ff
                                            color: #fff
                                        tbody
                                            tr
                                                td
                                                    select
                                                        width: 130px
                                                        height: 20px
                                                        border: none
                                                        background: #eaf0f4
                                                        appearance:none
                                                        -moz-appearance:none
                                                        -webkit-appearance:none
                                                    input
                                                        width: 60px
                                                        height: 20px
                                                        border: 1px solid #eaf0f4
                                                        background: none
            .panel-body-btn
                margin-bottom: 12px
                .record-body-return
                    background: url('../images/record-body-return.png') no-repeat
                    width: 88px
                    height: 49px
                    background-size: 100% 100%
                    display: inline-block
                .record-body-next
                    background: url('../images/record-body-next.png') no-repeat
                    width: 88px
                    height: 49px
                    background-size: 100% 100%
                    display: inline-block
                .record-body-save
                    background: url('../images/record-body-save.png') no-repeat
                    width: 88px
                    height: 49px
                    background-size: 100% 100%
                    display: inline-block
                    margin-right: 36px
        .panel-body-two
            .panel-body-title
                position: relative
                .record-title-img
                    background: url('../images/record-title-img.png') no-repeat
                    background-size: 299px 201px
                    width: 299px
                    height: 67px
                    background-position: 0 -67px
                    margin: 0 auto 15px
                .record-check-file
                    border: none
                    background: url(../images/create-btn.png) no-repeat
                    width: 124px
                    height: 42px
                    display: inline-block
                    background-size: 100% 100%
                    border-radius: 5px
                    font-size: 12px
                    color: #fff
                    text-align: center
                    line-height: 38px
                    position: absolute
                    top: 36px
                    left: 40px
            .panel-body-quesition
                box-sizing: border-box
                .quesition-item,.quesition-checkbox
                    padding-bottom: 4px
                    border-bottom: 1px solid #d3dcef
                    h6
                        padding-left: 30px
                        font-size: 16px
                        color: #353535
                        font-weight: 600
                        margin-bottom: 20px
                    p
                        padding-left: 60px
                        input[type="radio"]
                            display: none
                        label
                            display: inline-block
                            background: url(../images/input-radio-icon.png) no-repeat
                            background-size: 14px 14px
                            vertical-align: middle
                            background-position: 0 0
                            &.checked
                                background: url(../images/input-radio-icon-checked.png) no-repeat
                                background-size: 14px 14px
                            span
                                font-size: 14px
                                color: #353535
                                display: inline-block
                                vertical-align: middle
                                margin-left: 20px
                                margin-right: 6px
                                font-weight: 400
                .quesition-checkbox
                    p
                        label
                            background: url(../images/type-item-check.png) no-repeat
                            background-size: 14px 14px
                            background-position: 0 0
                            display: inline-block
                            vertical-align: middle
                            &.checked
                                background: url(../images/type-item-checked.png) no-repeat
                                background-size: 14px 14px
            .panel-body-btn
                margin-top: 16px
        .panel-body-three
            .panel-body-title
                .record-title-img
                    background: url('../images/record-title-img.png') no-repeat
                    background-size: 299px 201px
                    width: 299px
                    height: 67px
                    background-position: 0 0px
                    margin: 0 auto 15px
            .panel-body-scroe
                padding: 40px 100px 0
                box-sizing: border-box
                .left
                    h5
                        font-size: 20px
                        color: #353535
                        b
                            color: #d91f1f
                            margin: 0 5px
                    .scroe-table
                        margin-top: 6px 
                        tbody
                            tr
                                border: 1px solid #000
                                td
                                    border: 1px solid #000
                                    padding: 10px 30px 10px 10px
                .right
                    margin-left: 120px
                    padding-top: 110px
                    .create-article
                        background: url('../images/create-article.png') no-repeat
                        width: 102px
                        height: 123px
                        display: inline-block
                        background-size: 100% 100%
                        margin-right: 30px
                    .create-table
                        background: url('../images/create-table.png') no-repeat
                        width: 102px
                        height: 123px
                        display: inline-block
                        background-size: 100% 100%
            .panel-body-btn
                margin-top: 100px
                .record-body-save
                    background: url('../images/record-body-save-active.png') no-repeat
                    background-size: 100% 100%
                    
// stat
.stat-page
    .stat-page-panel
        margin-top: 30px
        .stat-panel-heading
            background: none
            .left
                font-size: 0
                .stat-page-item1
                    background: url('../images/stat-img.png') no-repeat
                    display: inline-block
                    width: 130px
                    height: 46px
                    background-position: 0 -92px
                    background-size: 130px 184px
                    &.active
                        background-position: 0 -46px
                .stat-page-item2
                    background: url('../images/stat-img.png')
                    display: inline-block
                    width: 130px
                    height: 46px
                    background-position: 0 0
                    background-size: 130px 184px
                    &.active
                        background-position: 0 -138px
            .right
                .stat-page-item3
                    background: url('../images//stat-heading-img3.png') no-repeat
                    display: inline-block
                    width: 176px
                    height: 32px
                    background-size: 100% 100%
                    margin-top: 12px
        .stat-panel-body
            .panel
                .panel-heading
                    background: #eaf0ff
                    i
                        display: inline-block
                        width: 10px
                        height: 16px
                        background: #c23531
                        vertical-align: middle
                        margin-top: -17px
                    span
                        color: #353535
                        font-weight: 600
                        font-size: 14px
                        display: inline-block
                        vertical-align: middle
                        margin-top: -17px
                        margin-left: 5px
                .panel-body
                    height: 400px
            .statp-page-bottom
                padding: 0 15px
                .panel-body
                    height: 400px
                    
.errorBg,.errorBg1
    background: url('../images/errorBg.jpg') no-repeat
    width: 100%
    height: 100%
    background-size: 100% 100%
    position: relative
    .return-index
        background: url('../images/return-index.png') no-repeat
        width: 190px
        height: 49px
        background-size: 100% 100%
        position: absolute
        left: 0
        right: 0
        margin: 0 auto
        top: 75.18%


.errorBg1
   background: url('../images/500Bg.jpg') no-repeat
   background-size: 100% 100% 

//log
.log-page
    .panel
        .panel-heading
            .log-heading-icon
                background: url('../images/006.png')
                width: 8px
                height: 11px
                background-size: 100% 100%
                display: inline-block
                margin-left: 20px
                margin-top: 5px
                vertical-align: middle 
        .panel-body
            height: auto
            .panel-body-title
                .left
                    .check-wrapper
                        input[type="radio"]
                            display: none
                        .check-name,.check-time-wrapper
                            display: inline-block
                            label
                                display: inline-block
                                background: url('../images/input-radio-icon.png') no-repeat
                                background-size: 14px 14px
                                vertical-align: middle
                                background-position: 0 0
                                &.checked
                                    background: url('../images/input-radio-icon-checked.png') no-repeat
                                    background-size: 14px 14px
                            span
                                font-size: 14px
                                color: #78a2ff
                                display: inline-block
                                vertical-align: middle
                                // margin-left: 20px
                                margin-right: 6px
                                font-weight: 600
                            input[type="text"]
                                display: inline-block
                                width: 140px
                                height: 32px
                                border-radius: 5px
                                border: 1px solid #b1c9ff
                                background: #eaf0ff
                                line-height: 32px
                                font-size: 12px
                                padding-left: 5px
                                box-sizing: border-box
                                vertical-align: middle
                                font-weight: 400
                        .check-id
                            margin-left: 20px
                        .check-time-wrapper
                            margin-left: 20px
                            input[type="text"]
                                width: 280px
                        .log-title-search
                            background: url('../images/panel-body-title-search.png') no-repeat
                            width: 42px
                            height: 31px
                            display: inline-block
                            background-size: 100% 100%
                            vertical-align: middle
                            margin-left: 6px
                            border: none
            .table-responsive
                .table
                    margin-top: 10px
                    thead
                        background: #78a2ff
                        color: #fff
                    tbody
                        tr
                            td
                                span
                                    margin-right: 6px
                .page
                    .left
                        a
                            display: inline-block
                            padding: 0 15px
                            background: #9bbafe
                            height: 24px
                            line-height: 24px
                            color: #fff
                            border-radius: 5px
                            font-size: 12px
                            text-decoration: none
                            &.active
                                background: #fff
                                color: #9bbafe
                                border: 1px solid #9bbafe
                        span
                            color: #9abafe
                            font-weight: 400
                        input
                            width: 60px
                            border: 1px solid #9bbafe
                            border-radius: 6px
                            padding-left: 5px
                            box-sizing: border-box
                    .right
                        font-size: 0
                        .now-num,.toggle-num
                            display: inline-block
                            padding: 0 15px
                            font-size: 12px
                            height: 24px
                            line-height: 24px
                            color: #9abafe
                            border: 1px solid #9bbafe
                            background: #fff
                            box-sizing: border-box
                        .toggle-num
                            background: #9abafe
                            color: #fff
                            
// audit
.audit-page
    .panel
        .panel-heading
            .audit-heading-icon
                background: url(../images/index-left-icon8.png)
                width: 11px
                height: 11px
                background-size: 100% 100%
                display: inline-block
                margin-left: 20px
                margin-top: 5px
                vertical-align: middle
        .panel-body
            height: auto
            .panel-body-title
                font-size: 0
                a
                    display: inline-block
                    font-size: 14px
                    width: 90px
                    text-align: center
                    height: 30px
                    line-height: 30px
                    font-weight: 700
                    color: #353535 
                    &.active
                        border-bottom: 1px solid #1e55df
                        color: #1e55df
            .panel-body-content
                margin-top: 32px
                .panel-body-item
                    .table-responsive
                        .table
                            thead
                                background: #78a2ff
                                color: #fff
                            tbody
                                tr
                                    td
                                        height: 34px
                                        line-height: 34px
                                        a
                                            border: none
                                            background: url(../images/create-btn.png) no-repeat
                                            width: 100px
                                            height: 34px
                                            display: inline-block
                                            background-size: 100% 100%
                                            border-radius: 5px
                                            font-size: 12px
                                            color: #fff
                                            text-align: center
                                            line-height: 32px
                        .page
                            .left
                                a
                                    display: inline-block
                                    padding: 0 15px
                                    background: #9bbafe
                                    height: 24px
                                    line-height: 24px
                                    color: #fff
                                    border-radius: 5px
                                    font-size: 12px
                                    text-decoration: none
                                    &.active
                                        background: #fff
                                        color: #9bbafe
                                        border: 1px solid #9bbafe
                                span
                                    color: #9abafe
                                    font-weight: 400
                                input
                                    width: 60px
                                    border: 1px solid #9bbafe
                                    border-radius: 6px
                                    padding-left: 5px
                                    box-sizing: border-box
                            .right
                                font-size: 0
                                .now-num,.toggle-num
                                    display: inline-block
                                    padding: 0 15px
                                    font-size: 12px
                                    height: 24px
                                    line-height: 24px
                                    color: #9abafe
                                    border: 1px solid #9bbafe
                                    background: #fff
                                    box-sizing: border-box
                                .toggle-num
                                    background: #9abafe
                                    color: #fff
                                    
// writ
.writ-page
    .panel
        .panel-heading
            .writ-heading-icon
                background: url(../images/index-left-icon9.png)
                width: 10px
                height: 11px
                background-size: 100% 100%
                display: inline-block
                margin-left: 20px
                margin-top: 5px
                vertical-align: middle
        .panel-body
            height: auto
            height: auto
            .panel-body-title
                font-size: 0
                a
                    display: inline-block
                    font-size: 14px
                    width: 90px
                    text-align: center
                    height: 30px
                    line-height: 30px
                    font-weight: 700
                    color: #353535 
                    &.active
                        border-bottom: 1px solid #1e55df
                        color: #1e55df
            .panel-body-content
                margin-top: 32px
                .panel-body-item
                    .table-responsive
                        .table
                            thead
                                background: #78a2ff
                                color: #fff
                            tbody
                                tr
                                    td
                                        height: 34px
                                        line-height: 34px
                                        a
                                            border: none
                                            background: url(../images/create-btn.png) no-repeat
                                            width: 100px
                                            height: 34px
                                            display: inline-block
                                            background-size: 100% 100%
                                            border-radius: 5px
                                            font-size: 12px
                                            color: #fff
                                            text-align: center
                                            line-height: 32px
                        .page
                            .left
                                a
                                    display: inline-block
                                    padding: 0 15px
                                    background: #9bbafe
                                    height: 24px
                                    line-height: 24px
                                    color: #fff
                                    border-radius: 5px
                                    font-size: 12px
                                    text-decoration: none
                                    &.active
                                        background: #fff
                                        color: #9bbafe
                                        border: 1px solid #9bbafe
                                span
                                    color: #9abafe
                                    font-weight: 400
                                input
                                    width: 60px
                                    border: 1px solid #9bbafe
                                    border-radius: 6px
                                    padding-left: 5px
                                    box-sizing: border-box
                            .right
                                font-size: 0
                                .now-num,.toggle-num
                                    display: inline-block
                                    padding: 0 15px
                                    font-size: 12px
                                    height: 24px
                                    line-height: 24px
                                    color: #9abafe
                                    border: 1px solid #9bbafe
                                    background: #fff
                                    box-sizing: border-box
                                .toggle-num
                                    background: #9abafe
                                    color: #fff
// 新增审核
.audit-msk,.audit-msk-pass
    width: 100%
    height: 100%
    background: rgba(0,0,0,0.8)
    position: fixed
    left: 0
    top: 0
    .audit-msk-dialog,.audit-pass-dialog
        width: 730px
        position: absolute
        left: 50%
        margin-left: -365px
        height: 600px
        top: 50%
        margin-top: -300px
        border-radius: 5px
        .audit-dialog-title
            height: 44px
            width: 100%
            background: #2964e5
            border-top-left-radius: 5px
            border-top-right-radius: 5px
            span
                display: inline-block
                line-height: 44px
                font-size: 14px
                color: #fff
                margin-left: 22px
                font-weight: 400
            .audit-dialog-close,.audit-pass-close
                background: url('../images/crime-msk-close.png') no-repeat
                width: 24px
                height: 24px
                background-size: 100% 100%
                margin-top: 10px
                margin-right: 22px
        .audit-dialog-content,.audit-pass-content
            width: 100%
            height: 556px
            background: #e9f0ff
            overflow: hidden
            position: relative
            .audit-dialog-wrapper
                width: 360px
                margin: 20px auto 0
                overflow: hidden
                height: 460px
                .swiper-container
                    height: 100%
                    img
                        width: 100%
                        height: 100%
            .audit-next-btn
                background: url('../images/audit-next-btn.png') no-repeat
                width: 28px
                height: 51px
                background-size: 100% 100%
                position: absolute
                right: 30px
                top: 50%
                margin-top: -32px
            .audit-prev-btn
                background: url('../images/audit-prev-btn.png') no-repeat
                width: 28px
                height: 51px
                background-size: 100% 100%
                position: absolute
                left: 30px
                top: 50%
                margin-top: -32px
            .audit-dialog-btn
                width: 270px
                margin: 16px auto 0
                height: 44px
                font-size: 0
                a.audit-dialog-btn1
                    background: url('../images/audit-dialog-btn1.png') no-repeat
                    width: 129px
                    height: 44px
                    background-size: 100% 100%
                    display: inline-block
                a.audit-dialog-btn2
                    background: url('../images/audit-dialog-btn2.png') no-repeat
                    background-size: 100% 100%
                    width: 129px
                    height: 44px
                    display: inline-block
                    margin-left: 10px
                    
.audit-msk-pass
    .audit-pass-dialog
        .audit-pass-content
            textarea
                width: 642px
                height: 460px
                margin: 20px auto 0
                display: block
                border: none
                border-radius: 5px
                background: #ccd5e9
                padding: 20px
                font-size: 16px
                box-sizing: border-box
                line-height: 150%
            .audit-pass-btn
                width: 270px
                margin: 16px auto 0
                height: 44px
                font-size: 0
                a.audit-pass-btn1
                    background: url('../images/audit-pass-btn1.png') no-repeat
                    width: 129px
                    height: 44px
                    background-size: 100% 100%
                    display: inline-block
                a.audit-pass-btn2
                    background: url('../images/audit-pass-btn2.png') no-repeat
                    background-size: 100% 100%
                    width: 129px
                    height: 44px
                    display: inline-block
                    margin-left: 10px


// 新增样式
.record-add-msk
    width: 100%
    height: 100%
    background: rgba(0,0,0,0.8)
    position: fixed
    left: 0
    top: 0
    .check-file-close
        background: url('../images/crime-msk-close.png') no-repeat
        width: 32px
        height: 32px
        background-size: 100% 100%
        position: absolute
        right: 20px
        top: 20px
    .check-file-dialog
        width: 400px
        left: 50%
        margin-left: -200px
        height: 600px
        position: absolute
        top: 50%
        margin-top: -300px
        .swiper-container
            width: 100%
            height: 100%
            ul
                height: 96%
                li
                    height: 100%
                    img
                        width: 100%
                        height: 100%
            .swiper-pagination
                color: #fff
                bottom: 0px
    .check-file-next-btn
        background: url('../images/check-file-next-btn.png') no-repeat
        width: 42px
        height: 42px
        background-size: 100% 100%
        position: absolute
        right: 30px
        top: 50%
        margin-top: -27px
    .check-file-prev-btn
        background: url('../images/check-file-prev-btn.png') no-repeat
        width: 42px
        height: 42px
        background-size: 100% 100%
        position: absolute
        left: 30px
        top: 50%
        margin-top: -27px
    